import FormTest from './test/Form/index'
import UseEffect from './test/useEffect'
import EchartsTest from './test/echarts';
import MobilePicture from './test/mobile/mobile-picture'
import MobileViewport from './test/mobile/mobile-viewport';
import MobileBorder from './test/mobile/mobile-border';
import RenderTime from './test/renderTime';
import RenderProps from './test/renderProps';
import Hoc from './test/hoc'

const routes = [
    {
        path: '/form',
        component: FormTest,
        name: 'antd的form表单'
    },
    {
        path: '/useEffect',
        component: UseEffect,
        name: 'UseEffect'
    },
    {
        path: '/echarts',
        component: EchartsTest,
        name: 'Echarts 展示'
    },
    {
        path: '/mobile',
        component: '',
        children: [
            {
                path: '/mobile/picture',
                component: MobilePicture,
            },
            {
                path: '/mobile/viewport',
                component: MobileViewport,
            },
            {
                path: '/mobile/border',
                component: MobileBorder,
            },
        ]
    },
    {
        path: '/render-time',
        component: RenderTime,
        name: 'render的渲染时机'
    },
    {
        path: '/render-props',
        component: RenderProps,
        name: 'render props'
    },
    {
        path: '/hoc',
        component: Hoc,
        name: '高阶组件'
    },
]

export default routes